@layout("/common/_container.html"){
<link href="https://pynnn.oss-cn-hangzhou.aliyuncs.com/fullcalendar.css?v=20200718" rel="stylesheet">
<link href="https://pynnn.oss-cn-hangzhou.aliyuncs.com/reservationViews.css?v=20200718" rel="stylesheet">
<link href='https://pynnn.oss-cn-hangzhou.aliyuncs.com/fullcalendar.print.min.css?v=20200718' rel='stylesheet' media='print'/>
<div style="display: none">
    <input type="hidden" id="startDocumentValue" value="">
    <input type="hidden" id="endDocumentValue" value="">
    <input type="hidden" id="isDorj" value="st">
    <input type="hidden" id="id" value="${id}">
    <input type="hidden" id="abbreviation" value="${abbreviation}">
    <input type="hidden" id="outpatientNameValue" value="${outpatientName}">
    <input type="hidden" id=" " value="市场TC视图">
</div>
<div class="ibox float-e-margins ">
    <div class="ibox-content" style="padding-bottom: 0;">
        <div class="row">
            <div id='wrap'>
                <button class="btn" onclick="btnRefetchEvents()" type="button" style="position: absolute;right: 70px;top:11px;border: 1px solid #cccccc;background: white;outline:none;padding: 3px 12px;">
                    <span class="glyphicon glyphicon-refresh" style="vertical-align: middle;margin-bottom: 4px;"></span>
                </button>
                <div id='calendar'></div>
            </div>
        </div>
    </div>
    <div id="statePrompting" class="clearfix">
        <div style="float: right;width:600px;display: flex">
            <div><span class="state" style="background: #4099ff"></span><span style="vertical-align: middle">预约</span></div>
            <div><span class="state" style="background: #017cdc"></span><span style="vertical-align: middle">市场确认</span></div>
            <div><span class="state" style="background: #FDAEBE"></span><span style="vertical-align: middle">导医确认</span></div>
            <div><span class="state" style="background: #10428b"></span><span style="vertical-align: middle">挂号</span></div>
            <div><span class="state" style="background: #ffba40"></span><span style="vertical-align: middle">治疗中</span></div>
            <div><span class="state" style="background: #2dc87e"></span><span style="vertical-align: middle">治疗完成</span></div>
            <div><span class="state" style="background: #61b740"></span><span style="vertical-align: middle">离开</span></div>
            <div><span class="state" style="background: gray"></span><span style="vertical-align: middle">失约</span></div>
        </div>
    </div>
</div>
<script src="${ctxPath}/static/modular/fullcalendar/lib/moment.min.js?v=20200718"></script>
<script src="${ctxPath}/static/modular/fullcalendar/lib/jquery.min.js?v=20200718"></script>
<script src="${ctxPath}/static/modular/fullcalendar/lib/jquery-ui.min.js?v=20200718"></script>
<script src="${ctxPath}/static/modular/fullcalendar/fullcalendar.js?v=20200718"></script>
<script src="${ctxPath}/static/modular/fullcalendar/scheduler.min.js?v=20200718"></script>
<script src="${ctxPath}/static/modular/fullcalendar/locale/zh-cn.js?v=20200718"></script>
<script src="${ctxPath}/static/modular/arrival/customer/reservation_RMtcViews.js?v=20200718"></script>
<script src="${ctxPath}/static/modular/arrival/customer/customer_reservationViews.js?v=20200718"></script>
<script src="${ctxPath}/static/modular/marketing/reservations/marketTcSearchContent.js?v=20200718"></script>
<script src="https://pynnn.oss-cn-hangzhou.aliyuncs.com/web_socket_views.js?v=20200718"></script>
<script>
    $("#calendar").on('click', 'th.fc-resource-cell', function () { // 跳转医生个人视图
        var id = $(this).attr("data-resource-id");
        var time = $("#wrap > #calendar").find('.fc-center h2').html().substring(4);
        var ids = id + "," + time;
        window.location = Feng.ctxPath + "/reservationTcView/customer_RMtcWeek/" + ids;
    });
</script>
@}